<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>信阳公交派车单</title>
	<#assign base=request.contextPath  />
	<base id="base" href="${base}">
</head>
<style>
	.strong {
		font-weight: bold
	}

	div {
		transition: all 200ms
	}

	navigator {
		transition: all 200ms
	}

	.hover-defalut {
		background: rgba(0, 0, 0, 0.12)
	}

	.w100 {
		width: 100%;
		margin: 0 auto
	}

	.h100 {
		height: 100%;
	}

	.w90 {
		width: 90%;
		margin: 0 auto
	}

	.flex-col {
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}

	.border-none {
		border: none !important
	}

	.flex-al {
		align-items: center !important
	}

	.flex-jc {
		justify-content: center !important
	}

	.flex-sb {
		justify-content: space-between !important
	}

	.flex-row {
		display: flex;
		flex-direction: row;
		justify-content: flex-start
	}

	body {
		width: 100%;
		background:rgba(240,240,240,1);
	}

	* {
		margin: 0;
		padding: 0;
	}

	.header {
		height: 138px;
		background: rgba(57, 57, 57, 1);
		color: #fff;
		padding: 31px 38px;
		box-sizing: border-box;
	}

	.header img {
		width: 59px;
		height: 62px;
	}

	.header-t {
		margin-left: 45px;
	}

	.header-t div:first-child {
		font-size: 25px;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: bolder;
		color: rgba(255, 255, 255, 1);
		line-height: 36px;
	}

	.header-t div:last-child {
		font-size: 18px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: bold;
		margin-top: 5px;
		color: rgba(255, 255, 255, 1);
	}
	.main-box{
		padding: 31px 38px;
		box-sizing: border-box;
	}
	.main-t{
		font-size:22px;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:bold;
		color:rgba(0,0,0,1);
		line-height:27px;
	}
	.main-con{
		background:rgba(255,255,255,1);
		border:1px solid rgba(202,202,202,1);
		margin-top: 15px;
		box-sizing: border-box;
		padding: 18px;
		font-size:17px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(0,0,0,1);
	}
	.main-con-l{
		width: 95px;
		font-weight: bold;
	}
</style>

<body>
	<div class="header w100 flex-row flex-al">
		<img src="${base}/static/win10/img/busprint.png" alt="">
		<div class="header-t flex-col">
			<div>信阳公交公司派车单-${(order.username)!''}</div>
			<div>${(order.phone)!''} <#if paiche.payType==0>全款 派车单</#if><#if paiche.payType==1>定金派车单</#if> </div>
		</div>
	</div>
	<div class="main-box w100">
		<div class="w100 main-t">客户信息</div>
		<div class="main-con w100 flex-col"> 
			<div class="flex-row flex-row">
				<div class="main-con-l">联系电话</div>
				<div class="main-con-r">${(order.phone)!''}</div>
			</div>

			<div class="flex-row flex-row">
				<div class="main-con-l">客户姓名</div>
				<div class="main-con-r">${(order.username)!''}</div>
			</div>

			<div class="flex-row flex-row">
				<div class="main-con-l">接车地址</div>
				<div class="main-con-r" id="stationup"></div>
			</div>

			<div class="flex-row flex-row">
				<div class="main-con-l">送达位置</div>
				<div class="main-con-r"  id="stationdown">${(order.stationdown)!''}</div>
			</div>

			<div class="flex-row flex-row">
				<div class="main-con-l">出发时间</div>
				<div class="main-con-r">${(order.choosetime)!''}</div>
			</div>

			<div class="flex-row flex-row">
				<div class="main-con-l">下单时间</div>
				<div class="main-con-r"  id="ordertime"></div>
			</div>

			<div class="flex-row flex-row">
				<div class="main-con-l">乘车人数</div>
				<div class="main-con-r">${(order.peoplenumber)!''}人</div>
			</div>
			<div class="flex-row flex-row">
				<div class="main-con-l">支付状态</div>
				<div class="main-con-r"><#if paiche.payType==0>全款 派车单</#if><#if paiche.payType==1>定金派车单</#if></div>
			</div>

		</div>
	</div>
	<div class="main-box w100">
		<div class="w100 main-t">司机信息</div>
		<div class="main-con w100 flex-col"> 
			<div class="flex-row flex-row">
				<div class="main-con-l">联系电话</div>
				<div class="main-con-r">${(paiche.driverPhone)!''	 }</div>
			</div>
			<div class="flex-row flex-row">
				<div class="main-con-l">司机姓名</div>
				<div class="main-con-r">${(paiche.driverName)!''	 }</div>
			</div>
			<div class="flex-row flex-row">
				<div class="main-con-l">公交牌号</div>
				<div class="main-con-r">${(paiche.busNum)!''	 }</div>
			</div>
		</div>
	</div>

	<div class="main-box w100">
		<div class="w100 main-t">说明</div>
		<div class="main-con w100 flex-col">
			<#if paiche.payType==1>
				客户选择的是定金+尾款的支付方式，接到客户后，需确认客户支付尾款才可出发。
			</#if>
			<#if paiche.payType==0>
				客户选择的是全款的支付方式，接到客户后，无需确认客户支付状态，请司机直接出发。
			</#if>
		</div>
	</div>

</body>
<form class="layui-form " action="">
<div align="center">
	<button type="button" class="layui-btn" id="print"  onclick="printGo()">打印</button>
</div>
</form>
<link rel="stylesheet" href="${base}/static/win10/component/layui/css/layui.css" media="all">
<script src="${base}/static/win10/js/jquery-1.8.3.min.js?t=1"></script>
<script src="${base}/static/win10/js/zhang.js?t=1"></script>
<script>
	var stationUp='${order.stationup}';
	var stationdown='${order.stationdown}';

 $("#stationup").html(JSON.parse(stationUp).address);
 $("#stationdown").html(JSON.parse(stationdown).address);

	var orderTime='${order.ordertime}';
	$("#ordertime").html(changeDateFormat(orderTime))


	function printGo(){
		$("#print").hide();
		window.print()
		$("#print").show();
	}
</script>
</html>